<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TemplateWorld | Janeen Williams</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.anchor.js" type="text/javascript"></script>

<script language="JavaScript" type="text/javascript">
var chn;

function CngClass(obj){
 if (chn) chn.className='';
 obj.className='activ';
 chn=obj;
}
  </script>
</head>

<body>
<div id="main">
<div id="head">
 <div id="head-main">
 <div id="head-sup">
  
<h4>DOWNLOAD CV</h4>
<ul id="cv">
<li><a href="#"><img src="images/copy1.png" alt="" /></a></li>
<li><a href="#"><img src="images/copy2.png" alt="" /></a></li>

</ul>
<ul id="bookmark">
<li><a href="#"><img src="images/bk1.png" alt="" /></a></li>
<li><a href="#"><img src="images/bk2.png" alt="" /></a></li>
<li><a href="#"><img src="images/bk3.png" alt="" /></a></li>
<li><a href="#"><img src="images/bk4.png" alt="" /></a></li>
<li><a href="#"><img src="images/bk5.png" alt="" /></a></li>
</ul>
  </div>
    </div>
    </div>
 <div id="wrap">
   
   <div id="wrap-sup">
     <div id="center">
     <div id="centerlft">
       <img src="images/womenimg.png" alt="" />
       <h1>Janeen Williams<br  /><span>Your Designtion</span></h1>
     <ul id="menu">
     <li><a href="#abt" onclick="CngClass(this);" class="anchorLink">about</a></li>
     <li><a href="#edu" onclick="CngClass(this);" class="anchorLink">Education</a></li>
     <li><a href="#skills" onclick="CngClass(this);" class="anchorLink">skills</a></li>
     <li><a href="#exp" onclick="CngClass(this);" class="anchorLink">Experience</a></li>
     <li><a href="#con" onclick="CngClass(this);" class="anchorLink">contact</a></li>
     </ul>
     </div>
     <div id="centerrht">
     <div id="centerrhtsup">
     <div id="centerrhtsupabt">
      <a id="abt"></a>
      <h3>About</h3>
      <h4>Objective</h4>
      <p>Donec ac lacus euismod ligula ornare volutpat in vel diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat tempor massa, in lobortis metus aliquet a. Nulla facilisi. Phasellus faucibus, orci ut venenatis mattis, leo est ornare massa, sit amet porta ante elit et magna.</p>
      <h4 class="margin">Vision</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat tempor massa, in lobortis metus aliquet a. Nulla facilisi. Phasellus faucibus, orci ut venenatis mattis, leo est ornare massa, sit amet porta ante elit et magna. </p>
      </div>
      <div id="centerrhtsupedu">
      <a id="edu"></a>
      <h3 class="moremar">Education</h3>
      <h4>Praesent non dolor enim<br /><span>(2002-2005)</span></h4>
     <p>Donec ac lacus euismod ligula ornare volutpat in vel diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat tempor massa, in lobortis metus aliquet a. Nulla facilisi. Phasellus faucibus, orci ut venenatis mattis, leo est ornare massa, sit amet porta ante elit et magna.</p>
      <h4 class="margin">Praesent non dolor enim<br /><span>(2002-2005)</span></h4>
     <p>Donec ac lacus euismod ligula ornare volutpat in vel diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat tempor massa, in lobortis metus aliquet a. Nulla facilisi. Phasellus faucibus, orci ut venenatis mattis, leo est ornare massa, sit amet porta ante elit et magna.</p>
     </div>
     <div id="centerrhtsupskills">
     <a id="skills"></a>
     <h3 class="moremar">Skills</h3>
      <h4>packages</h4>
      <ul class="list">
      <li><a href="#">Photoshop</a></li>
      <li class="marrht"><a href="#">Ilustrator</a></li>
      <li><a href="#">Flash</a></li>
      
      </ul>
      <ul class="list">
      <li class="#"><a href="#">Fireworks</a></li>
      <li><a href="#">MS Viso</a></li>
      <li><a href="#">Corel Draw</a></li>
     
      </ul>
     
      <ul class="list">
      
      <li><a href="#">MS Viso</a></li>
      <li><a href="#">Corel Draw</a></li>
     
      </ul>
      <h4 >languages</h4>
      <ul class="list">
      <li><a href="#">Xhtml/Dhtml</a></li>
      <li class="marrht"><a href="#">CSS2.0/3.0</a></li>
      <li><a href="#">PHP/Mysql</a></li>
      </ul>
      <ul class="list">
      <li><a href="#">PHP/Joomla</a></li>
      <li class="marrht"><a href="#">Wordpress</a></li>
      <li><a href="#">Javascript</a></li>
      </ul>
      <ul class="list">
      <li><a href="#">Jquery</a></li>
      <li><a href="#">Ruby/Ruby on rails</a></li>
      <li><a href="#">Mootols</a></li>
      </ul>
       </div>
       <div id="centerrhtsupexp">
       <a id="exp"></a>
       <h3 class="moremar">Experience</h3>
       <h4 class="margin">Praesent convallis libero lacinia diam<br /><span>(2006-Till Dated)</span></h4>
      <p>Suspendisse non ligula nec turpis egestas imperdiet ac id risus. Ut ullamcorper nunc et urna pharetra sagittis. Vivamus pretium gravida lacus nec venenatis. Praesent sed massa risus. Nullam elit velit, molestie id porttitor ac, pretium id felis. Etiam ut diam vel lorem tincidunt porttitor at eget ligula.</p>
      <h4 class="margin">Praesent convallis libero lacinia diam<br /><span>(2005-2006)</span></h4>
      <p>Suspendisse non ligula nec turpis egestas imperdiet ac id risus. Ut ullamcorper nunc et urna pharetra sagittis. Vivamus pretium gravida lacus nec venenatis. Praesent sed massa risus. Nullam elit velit, molestie id porttitor ac, pretium id felis. Etiam ut diam vel lorem tincidunt porttitor at eget ligula.</p>
     </div>
     <div id="centerrhtsupcon">
     <a id="con"></a>
     <h3 class="moremar">contact</h3>
     <h4>Address</h4>
     <p class="wdth">1090 25th Place
Bradenton, FL 34203
United States</p>
<h4>Form</h4>
<div id="btmformlft">
<input name="Name" type="text" value="Name" onfocus="if(this.value=='Name')this.value=''" onblur="if(this.value=='')this.value='Name' "
 />
<input name="Name" type="text" value="Email" onfocus="if(this.value=='Email')this.value=''" onblur="if(this.value=='')this.value='Email' "
 />
<input name="Name" type="text" value="Phone"  onfocus="if(this.value=='Phone')this.value=''" onblur="if(this.value=='')this.value='Phone' "
/>
</div>
<div id="btmformrht">

<textarea class="text" name="Comments" cols="" rows="" onfocus="if(this.value=='Comments')this.value=''" onblur="if(this.value=='')this.value='Comments' ">Comments</textarea>
<input name="Buton" type="submit" value="SUBMIT" class="submit"/>

</div>
</div>
     </div>
    </div>
   </div>
 </div>

</div>
<div id="footer">
 <div id="footer-main">
  <div id="footer-sup">
  <p>Designed by: <a href="http://www.templateworld.com/" target="_blank" class="template">Template World</a></p>
  </div>
 </div>
 </div>
 </div>
</body>
</html>
